<?xml version="1.0" encoding="UTF-8"?><d:tdl xmlns="http://www.w3.org/1999/xhtml" xmlns:b="http://www.backbase.com/2006/btl"  xmlns:d="http://www.backbase.com/2006/tdl" >

	<d:namespace name="http://www.backbase.com/2006/btl">

		<d:uses element="balloonBase" src="../balloonBase.xml"/>

		<d:element name="balloon" extends="b:balloonBase">
			

			<d:resource type="text/css"><![CDATA[.btl-balloon,
.btl-balloon-arrow,
.btl-balloon-arrow-line,
.btl-balloon-arrow-line-1,
.btl-balloon-arrow-line-2,
.btl-balloon-arrow-line-3,
.btl-balloon-arrow-line-4,
.btl-balloon-arrow-line-5,
.btl-balloon-arrow-line-6,
.btl-balloon-arrow-line-7,
.btl-balloon-arrow-line-8,
.btl-balloon-arrow-line-9,
.btl-balloon-arrow-line-10,
.btl-balloon-arrow-line-11,
.btl-balloon-arrow-line-12,
.btl-balloon-arrow-line-13,
.btl-balloon-arrow-line-14,
.btl-balloon-arrow-line-15,
.btl-balloon-arrow-line-16,
.btl-balloon-closeButton,
.btl-balloon-content,
.btl-balloon-corner,
.btl-balloon-corner-container-top,
.btl-balloon-corner-container-bottom,
.btl-balloon-corner-line-1,
.btl-balloon-corner-line-2,
.btl-balloon-corner-line-3,
.btl-balloon-corner-line-4,
.btl-balloon-corner-line-5,
.btl-balloon-corner-line-6,
.btl-balloon-label {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-khtml-box-sizing: border-box;
}
.btl-balloon {
	padding: 6px 0;
	z-index: 850;
}
.btl-balloon-label {
	padding-right: 25px;
	padding-left: 10px;
	font-weight: bold;
}
.btl-balloon-closeButton {
	position: absolute;
	background-image: url(media/closeButton.png);
	right: 5px;
	top: 5px;
	width: 14px;
	height: 13px;
	cursor: pointer;
	background-color: #000000;
}
.btl-balloon-closeButton-hover {
	background-position: 0 -13px;
}
.btl-balloon-closeButton-press {
	background-position: 0 -26px;
}

.btl-balloon-corner,
.btl-balloon-content,
.btl-balloon-label,
.btl-balloon-arrow-line {
	background-color: #F0F0F0;
}
.btl-balloon-content {
	padding: 0 24px 2px 10px;
	background-color: #F0F0F0;
}
.btl-balloon-corner-container-top,
.btl-balloon-corner-container-bottom {
	position: absolute;
	left: 0;
	width: 100%;
	height: 6px;
	font-size: 1px;
}
.btl-balloon-corner-container-top {
	top: 0;
}
.btl-balloon-corner-container-bottom {
	bottom: 0;
}
.btl-balloon-corner {
	height: 1px;
	overflow: hidden;
}
.btl-balloon-corner-line-1 {
	margin: 0 5px;
}
.btl-balloon-corner-line-2 {
	margin: 0 3px;
	border-width: 0 3px;
}
.btl-balloon-corner-line-3 {
	margin: 0 2px;
	border-width: 0 2px;
}
.btl-balloon-corner-line-4 {
	margin: 0 1px;
	border-width: 0 2px;
}
.btl-balloon-corner-line-5 {
	margin: 0 1px;
}
.btl-balloon-corner-line-6 {
	margin: 0;
	border-width: 0 2px;
}
.btl-balloon-arrow-line {
	height: 1px;
	overflow: hidden;
}
.btl-balloon-arrow {
	position: absolute;
	width: 18px;
	height: 16px;
}
.btl-balloon-top-left .btl-balloon-arrow {
	left: 10px;
	bottom: -15px;
}
.btl-balloon-top-left .btl-balloon-arrow-line-1  {
	margin-right:  1px;
}
.btl-balloon-top-left .btl-balloon-arrow-line-2  {
	margin-right:  2px;
}
.btl-balloon-top-left .btl-balloon-arrow-line-3  {
	margin-right:  3px;
}
.btl-balloon-top-left .btl-balloon-arrow-line-4  {
	margin-right:  4px;
}
.btl-balloon-top-left .btl-balloon-arrow-line-5  {
	margin-right:  5px;
}
.btl-balloon-top-left .btl-balloon-arrow-line-6  {
	margin-right:  6px;
}
.btl-balloon-top-left .btl-balloon-arrow-line-7  {
	margin-right:  7px;
}
.btl-balloon-top-left .btl-balloon-arrow-line-8  {
	margin-right:  8px;
}
.btl-balloon-top-left .btl-balloon-arrow-line-9  {
	margin-right:  9px;
}
.btl-balloon-top-left .btl-balloon-arrow-line-10 {
	margin-right: 10px;
}
.btl-balloon-top-left .btl-balloon-arrow-line-11 {
	margin-right: 11px;
}
.btl-balloon-top-left .btl-balloon-arrow-line-12 {
	margin-right: 12px;
}
.btl-balloon-top-left .btl-balloon-arrow-line-13 {
	margin-right: 13px;
}
.btl-balloon-top-left .btl-balloon-arrow-line-14 {
	margin-right: 14px;
}
.btl-balloon-top-left .btl-balloon-arrow-line-15 {
	margin-right: 15px;
}
.btl-balloon-top-left .btl-balloon-arrow-line-16 {
	margin-right: 16px;
}

.btl-balloon-top-right .btl-balloon-arrow {
	right: 10px;
	bottom: -15px;
}
.btl-balloon-top-right .btl-balloon-arrow-line-1  {
	margin-left:  1px;
}
.btl-balloon-top-right .btl-balloon-arrow-line-2  {
	margin-left:  2px;
}
.btl-balloon-top-right .btl-balloon-arrow-line-3  {
	margin-left:  3px;
}
.btl-balloon-top-right .btl-balloon-arrow-line-4  {
	margin-left:  4px;
}
.btl-balloon-top-right .btl-balloon-arrow-line-5  {
	margin-left:  5px;
}
.btl-balloon-top-right .btl-balloon-arrow-line-6  {
	margin-left:  6px;
}
.btl-balloon-top-right .btl-balloon-arrow-line-7  {
	margin-left:  7px;
}
.btl-balloon-top-right .btl-balloon-arrow-line-8  {
	margin-left:  8px;
}
.btl-balloon-top-right .btl-balloon-arrow-line-9  {
	margin-left:  9px;
}
.btl-balloon-top-right .btl-balloon-arrow-line-10 {
	margin-left: 10px;
}
.btl-balloon-top-right .btl-balloon-arrow-line-11 {
	margin-left: 11px;
}
.btl-balloon-top-right .btl-balloon-arrow-line-12 {
	margin-left: 12px;
}
.btl-balloon-top-right .btl-balloon-arrow-line-13 {
	margin-left: 13px;
}
.btl-balloon-top-right .btl-balloon-arrow-line-14 {
	margin-left: 14px;
}
.btl-balloon-top-right .btl-balloon-arrow-line-15 {
	margin-left: 15px;
}
.btl-balloon-top-right .btl-balloon-arrow-line-16 {
	margin-left: 16px;
}

.btl-balloon-bottom-right .btl-balloon-arrow {
	right: 10px;
	top: -15px;
}
.btl-balloon-bottom-right .btl-balloon-arrow-line-1  {
	margin-left: 16px;
}
.btl-balloon-bottom-right .btl-balloon-arrow-line-2  {
	margin-left: 15px;
}
.btl-balloon-bottom-right .btl-balloon-arrow-line-3  {
	margin-left: 14px;
}
.btl-balloon-bottom-right .btl-balloon-arrow-line-4  {
	margin-left: 13px;
}
.btl-balloon-bottom-right .btl-balloon-arrow-line-5  {
	margin-left: 12px;
}
.btl-balloon-bottom-right .btl-balloon-arrow-line-6  {
	margin-left: 11px;
}
.btl-balloon-bottom-right .btl-balloon-arrow-line-7  {
	margin-left: 10px;
}
.btl-balloon-bottom-right .btl-balloon-arrow-line-8  {
	margin-left:  9px;
}
.btl-balloon-bottom-right .btl-balloon-arrow-line-9  {
	margin-left:  8px;
}
.btl-balloon-bottom-right .btl-balloon-arrow-line-10 {
	margin-left:  7px;
}
.btl-balloon-bottom-right .btl-balloon-arrow-line-11 {
	margin-left:  6px;
}
.btl-balloon-bottom-right .btl-balloon-arrow-line-12 {
	margin-left:  5px;
}
.btl-balloon-bottom-right .btl-balloon-arrow-line-13 {
	margin-left:  4px;
}
.btl-balloon-bottom-right .btl-balloon-arrow-line-14 {
	margin-left:  3px;
}
.btl-balloon-bottom-right .btl-balloon-arrow-line-15 {
	margin-left:  2px;
}
.btl-balloon-bottom-right .btl-balloon-arrow-line-16 {
	margin-left:  1px;
}

.btl-balloon-bottom-left .btl-balloon-arrow {
	left: 10px;
	top: -15px;
}
.btl-balloon-bottom-left .btl-balloon-arrow-line-1  {
	margin-right: 16px;
}
.btl-balloon-bottom-left .btl-balloon-arrow-line-2  {
	margin-right: 15px;
}
.btl-balloon-bottom-left .btl-balloon-arrow-line-3  {
	margin-right: 14px;
}
.btl-balloon-bottom-left .btl-balloon-arrow-line-4  {
	margin-right: 13px;
}
.btl-balloon-bottom-left .btl-balloon-arrow-line-5  {
	margin-right: 12px;
}
.btl-balloon-bottom-left .btl-balloon-arrow-line-6  {
	margin-right: 11px;
}
.btl-balloon-bottom-left .btl-balloon-arrow-line-7  {
	margin-right: 10px;
}
.btl-balloon-bottom-left .btl-balloon-arrow-line-8  {
	margin-right:  9px;
}
.btl-balloon-bottom-left .btl-balloon-arrow-line-9  {
	margin-right:  8px;
}
.btl-balloon-bottom-left .btl-balloon-arrow-line-10 {
	margin-right:  7px;
}
.btl-balloon-bottom-left .btl-balloon-arrow-line-11 {
	margin-right:  6px;
}
.btl-balloon-bottom-left .btl-balloon-arrow-line-12 {
	margin-right:  5px;
}
.btl-balloon-bottom-left .btl-balloon-arrow-line-13 {
	margin-right:  4px;
}
.btl-balloon-bottom-left .btl-balloon-arrow-line-14 {
	margin-right:  3px;
}
.btl-balloon-bottom-left .btl-balloon-arrow-line-15 {
	margin-right:  2px;
}
.btl-balloon-bottom-left .btl-balloon-arrow-line-16 {
	margin-right:  1px;
}

.btl-balloon-top-center .btl-balloon-arrow {
	bottom: -15px;
	left: 50%;
	margin-left: -8px;
}
.btl-balloon-top-center .btl-balloon-arrow-line-1,
.btl-balloon-top-center .btl-balloon-arrow-line-2  {
	margin-left: 1px;
	margin-right: 1px;
}
.btl-balloon-top-center .btl-balloon-arrow-line-3,
.btl-balloon-top-center .btl-balloon-arrow-line-4  {
	margin-left: 2px;
	margin-right: 2px;
}
.btl-balloon-top-center .btl-balloon-arrow-line-5,
.btl-balloon-top-center .btl-balloon-arrow-line-6  {
	margin-left: 3px;
	margin-right: 3px;
}
.btl-balloon-top-center .btl-balloon-arrow-line-7,
.btl-balloon-top-center .btl-balloon-arrow-line-8  {
	margin-left: 4px;
	margin-right: 4px;
}
.btl-balloon-top-center .btl-balloon-arrow-line-9,
.btl-balloon-top-center .btl-balloon-arrow-line-10  {
	margin-left: 5px;
	margin-right: 5px;
}
.btl-balloon-top-center .btl-balloon-arrow-line-11,
.btl-balloon-top-center .btl-balloon-arrow-line-12  {
	margin-left: 6px;
	margin-right: 6px;
}
.btl-balloon-top-center .btl-balloon-arrow-line-13,
.btl-balloon-top-center .btl-balloon-arrow-line-14  {
	margin-left: 7px;
	margin-right: 7px;
}
.btl-balloon-top-center .btl-balloon-arrow-line-15,
.btl-balloon-top-center .btl-balloon-arrow-line-16  {
	margin-left: 8px;
	margin-right: 8px;
}

.btl-balloon-bottom-center .btl-balloon-arrow {
	top: -15px;
	left: 50%;
	margin-left: -8px;
}
.btl-balloon-bottom-center .btl-balloon-arrow-line-1,
.btl-balloon-bottom-center .btl-balloon-arrow-line-2  {
	margin-left: 8px;
	margin-right: 8px;
}
.btl-balloon-bottom-center .btl-balloon-arrow-line-3,
.btl-balloon-bottom-center .btl-balloon-arrow-line-4  {
	margin-left: 7px;
	margin-right: 7px;
}
.btl-balloon-bottom-center .btl-balloon-arrow-line-5,
.btl-balloon-bottom-center .btl-balloon-arrow-line-6  {
	margin-left: 6px;
	margin-right: 6px;
}
.btl-balloon-bottom-center .btl-balloon-arrow-line-7,
.btl-balloon-bottom-center .btl-balloon-arrow-line-8  {
	margin-left: 5px;
	margin-right: 5px;
}
.btl-balloon-bottom-center .btl-balloon-arrow-line-9,
.btl-balloon-bottom-center .btl-balloon-arrow-line-10  {
	margin-left: 4px;
	margin-right: 4px;
}
.btl-balloon-bottom-center .btl-balloon-arrow-line-11,
.btl-balloon-bottom-center .btl-balloon-arrow-line-12  {
	margin-left: 3px;
	margin-right: 3px;
}
.btl-balloon-bottom-center .btl-balloon-arrow-line-13,
.btl-balloon-bottom-center .btl-balloon-arrow-line-14  {
	margin-left: 2px;
	margin-right: 2px;
}
.btl-balloon-bottom-center .btl-balloon-arrow-line-15,
.btl-balloon-bottom-center .btl-balloon-arrow-line-16  {
	margin-left: 1px;
	margin-right: 1px;
}

/* fixes */
.ie .btl-balloon-content {
	padding-right: 28px;
}
.ie .btl-balloon-closeButton {
	overflow: hidden;
}]]></d:resource>
			<d:resource type="image/png" src="media/closeButton.png"/>

			<d:template type="application/xhtml+xml">
				<div class="btl-balloon">
					<div class="btl-balloon-corner-container-top">
						<div class="btl-balloon-corner btl-balloon-corner-line-1 btl-border-top"/>
						<div class="btl-balloon-corner btl-balloon-corner-line-2 btl-border-left-right"/>
						<div class="btl-balloon-corner btl-balloon-corner-line-3 btl-border-left-right"/>
						<div class="btl-balloon-corner btl-balloon-corner-line-4 btl-border-left-right"/>
						<div class="btl-balloon-corner btl-balloon-corner-line-5 btl-border-left-right"/>
						<div class="btl-balloon-corner btl-balloon-corner-line-6 btl-border-left-right"/>
					</div>
					<div class="btl-balloon-label btl-border-left-right"><label/><div class="btl-balloon-closeButton"/></div>
					<div class="btl-balloon-content btl-border-left-right"><d:content/></div>
					<div class="btl-balloon-corner-container-bottom">
						<div class="btl-balloon-corner btl-balloon-corner-line-6 btl-border-left-right"/>
						<div class="btl-balloon-corner btl-balloon-corner-line-5 btl-border-left-right"/>
						<div class="btl-balloon-corner btl-balloon-corner-line-4 btl-border-left-right"/>
						<div class="btl-balloon-corner btl-balloon-corner-line-3 btl-border-left-right"/>
						<div class="btl-balloon-corner btl-balloon-corner-line-2 btl-border-left-right"/>
						<div class="btl-balloon-corner btl-balloon-corner-line-1 btl-border-bottom"/>
					</div>
					<div class="btl-balloon-arrow">
						<div class="btl-balloon-arrow-line btl-balloon-arrow-line-1 btl-border-left-right"/>
						<div class="btl-balloon-arrow-line btl-balloon-arrow-line-2 btl-border-left-right"/>
						<div class="btl-balloon-arrow-line btl-balloon-arrow-line-3 btl-border-left-right"/>
						<div class="btl-balloon-arrow-line btl-balloon-arrow-line-4 btl-border-left-right"/>
						<div class="btl-balloon-arrow-line btl-balloon-arrow-line-5 btl-border-left-right"/>
						<div class="btl-balloon-arrow-line btl-balloon-arrow-line-6 btl-border-left-right"/>
						<div class="btl-balloon-arrow-line btl-balloon-arrow-line-7 btl-border-left-right"/>
						<div class="btl-balloon-arrow-line btl-balloon-arrow-line-8 btl-border-left-right"/>
						<div class="btl-balloon-arrow-line btl-balloon-arrow-line-9 btl-border-left-right"/>
						<div class="btl-balloon-arrow-line btl-balloon-arrow-line-10 btl-border-left-right"/>
						<div class="btl-balloon-arrow-line btl-balloon-arrow-line-11 btl-border-left-right"/>
						<div class="btl-balloon-arrow-line btl-balloon-arrow-line-12 btl-border-left-right"/>
						<div class="btl-balloon-arrow-line btl-balloon-arrow-line-13 btl-border-left-right"/>
						<div class="btl-balloon-arrow-line btl-balloon-arrow-line-14 btl-border-left-right"/>
						<div class="btl-balloon-arrow-line btl-balloon-arrow-line-15 btl-border-left-right"/>
						<div class="btl-balloon-arrow-line btl-balloon-arrow-line-16 btl-border-left-right"/>
					</div>
				</div>
			</d:template>

			<d:constructor type="text/javascript"><![CDATA[
				var oCloseButton = bb.selector.query(this.viewNode, '.btl-balloon-closeButton');
				bb.html.disableUserSelect(oCloseButton);
			]]></d:constructor>

			<d:handler event="mousedown" match=".btl-balloon-closeButton" type="text/javascript"><![CDATA[
				bb.html.addClass(event.currentView, 'btl-balloon-closeButton-press');
				bb.html.replaceClass(event.currentView, 'btl-chameleon-highlightBackground', 'btl-chameleon-activeBackground');
			]]></d:handler>

			<d:handler event="mouseup" match=".btl-balloon-closeButton" type="text/javascript"><![CDATA[
				bb.html.removeClass(event.currentView, 'btl-balloon-closeButton-press');
				bb.html.replaceClass(event.currentView, 'btl-chameleon-activeBackground', 'btl-chameleon-highlightBackground');
			]]></d:handler>

			<d:handler event="mouseenter" match=".btl-balloon-closeButton" type="text/javascript"><![CDATA[
				bb.html.addClass(event.currentView, 'btl-chameleon-highlightBackground');
			]]></d:handler>

			<d:handler event="mouseleave" match=".btl-balloon-closeButton" type="text/javascript"><![CDATA[
				bb.html.removeClass(event.currentView,
					['btl-chameleon-highlightBackground',
					 'btl-chameleon-activeBackground',
					 'btl-balloon-closeButton-hover',
					 'btl-balloon-closeButton-press']);
			]]></d:handler>

			<d:handler event="click" match=".btl-balloon-closeButton" type="text/javascript"><![CDATA[
				this.setAttribute('open', 'false');
			]]></d:handler>
		</d:element>
	</d:namespace>
</d:tdl>